{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {#{% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"修改资料",back:1} %}#}
    <div class="fs8 mart80 marl10 mar10 round5 shadow3 pad10" v-if="!isTrue(grade)">
        <div class="tac fs10">设置你的年级</div>
        <div>小学</div>
        <div class="flrc tac c12">
            <div class="flex1 marl10 mar10 pos-r bca01 round30 pad5"><mu-ripple>一年级</mu-ripple></div>
            <div class="flex1 marl10 mar10 pos-r bca01 round30 pad5"><mu-ripple>二年级</mu-ripple></div>
            <div class="flex1 marl10 mar10 pos-r bca01 round30 pad5"><mu-ripple>三年级</mu-ripple></div>
        </div>
        <div class="flrc tac c12">
            <div class="flex1 marl10 mar10 pos-r bca01 round30 pad5"><mu-ripple>四年级</mu-ripple></div>
            <div class="flex1 marl10 mar10 pos-r bca01 round30 pad5"><mu-ripple>五年级</mu-ripple></div>
            <div class="flex1 marl10 mar10 pos-r bca01 round30 pad5"><mu-ripple>六年级</mu-ripple></div>
        </div>
        <div>初中</div>
        <div class="flrc tac c12">
            <div class="flex1 marl10 mar10 pos-r bca01 round30 pad5"><mu-ripple>初一</mu-ripple></div>
            <div class="flex1 marl10 mar10 pos-r bca01 round30 pad5"><mu-ripple>初二</mu-ripple></div>
            <div class="flex1 marl10 mar10 pos-r bca01 round30 pad5"><mu-ripple>初三</mu-ripple></div>
        </div>
        <div>高中</div>
        <div class="flrc tac c12">
            <div class="flex1 marl10 mar10 pos-r bca01 round30 pad5"><mu-ripple>高一</mu-ripple></div>
            <div class="flex1 marl10 mar10 pos-r round30 pad5 bca01 "><mu-ripple>高二</mu-ripple></div>
            <div class="flex1 marl10 mar10 pos-r round30 pad5 bc2 c13"><mu-ripple>高三</mu-ripple></div>
        </div>
    </div>
    <div class="fs8 mart80 marl10 mar10 round5 shadow3 pad10" v-if="isTrue(grade)">
        <div class="tac fs10">设置你的年级</div>
        <div v-for="item in grade">
            <div>[[item.name]]</div>
            <div class="flex-r flex-wrap tac c12">
                <div class="w30" v-for="son,index in item.sons">
                    <div @click="setGrade(son.id,son.name)"
                         :class="curGrade == son.id ? 'bc2 c13':'bca01'"
                         class=" flex1 marl10 mar10 pos-r round30 pad5" ><mu-ripple>[[son.name]]</mu-ripple></div>
                </div>
            </div>
        </div>
    </div>



    <div class="flcc mart40">
        <mu-button @click="goback()" :color="c1" size="large" round>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;确定&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</mu-button>
    </div>
{% endblock %}

{% block myJs %}
{% endblock %}